.main{
    width: 100%;
    height: calc(100vh);
    background: url("../../images/bg.png") no-repeat;
    background-size:100% 100%;
    background-repeat:no-repeat;
    overflow: hidden;
}
.main-top{
    width: 100%;
    height: 13%;
}
.main-btn{
    width: 100%;
    height: 87%;
}
.main-btn-spice{
    width: 2%;
    height: 100%;
    float: left;
}
.main-btn-left{
    width: 28%;
    height: 100%;
    float: left;
}
.main-btn-centent{
    width: 40%;
    height: 100%;
    float: left;
    background: url("../../images/mapbg.png") no-repeat;
    background-size:100% 100%;
    background-repeat:no-repeat;
    overflow: hidden;
}
.main-btn-right{
    width: 28%;
    height: 100%;
    float: left;
}
.main-btn-left-modular{
    width: 100%;
    height: 30%;
    border: 2px solid #164874;
}
.main-btn-left-spice{
    width: 100%;
    height: 2.5%;
}
.main-btn-left-spice-btn{
    width: 100%;
    height: 5%;
}
.main-btn-centent-head{
    width: 97%;
    height: 28%;
    margin-left: 1.5%;
}
.main-btn-centent-spice{
    width: 100%;
    height: 2%;
}
.main-btn-centent-modular{
    width: 100%;
    height: 65%;
}
.main-btn-centent-spice-btn{
    width: 100%;
    height: 5%;
}
.main-btn-right-modular{
    width: 100%;
    height: 28%;
    border: 2px solid #164874;
}
.main-btn-right-modular-btn{
    width: 100%;
    height: 31%;
    border: 2px solid #164874;
}
.main-btn-right-spice{
    width: 100%;
    height: 4%;
    text-align: center;
    background:linear-gradient(to bottom, #53cdf9, #3878ba);
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
}
.main-btn-right-spice-table{
    width: 100%;
    height: 100%;
}
.main-btn-right-spice-table-tr{
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-btn-right-spice-table-td{
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-btn-left-spice-btn{
    width: 100%;
    height: 5%;
}
.main-btn-right-modular-table{
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.main-btn-right-modular-table-tr-title{
    width: 25%;
    height: 20%;
    border-bottom: 2px solid #164874;
    text-align: center;
    background-color: #133f65;
}
.main-btn-right-modular-table-tr{
    width: 25%;
    height: 16%;
    border-bottom: 2px solid #051f36;
    text-align: center;
}
.main-btn-right-modular-btn-table{
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.main-btn-right-modular-btn-table-tr-title{
    width: 25%;
    height: 19%;
    border-bottom: 2px solid #164874;
    text-align: center;
    background-color: #133f65;
}
.main-btn-right-modular-btn-table-tr{
    width: 25%;
    height: 13.5%;
    border-bottom: 2px solid #051f36;
    text-align: center;
}
.main-btn-centent-head-qgdwaqzt{
    width: 25%;
    height: 100%;
    border-right: 1.5px dashed #419ea8;
    float: left;
}
.main-btn-centent-head-hbdwaqzt{
    width: 25%;
    height: 100%;
    float: left;
}
.main-btn-centent-head-dbdwaqzt{
    width: 25%;
    height: 100%;
    float: left;
}
.main-btn-centent-head-hddwaqzt{
    width: 25%;
    height: 100%;
    float: left;
}
.main-top-spice{
    width: 2%;
    height: 100%;
    float: left;
}
.main-top-left{
    width: 28%;
    height: 100%;
    float: left;
}
.main-top-centent{
    width: 40%;
    height: 100%;
    float: left;
    background:linear-gradient(to bottom, #53cdf9, #3878ba);
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
}
.main-top-right{
    width: 28%;
    height: 100%;
    float: left;
}
.main-top-left-spice{
    width: 20%;
    height: 100%;
    float: left;
}
.main-top-left-spice-top{
    width: 100%;
    height: 50%;
    color:#48b2e5;
    text-align: center;
    padding-top: 25%;
}
.main-top-left-spice-btn{
    width: 100%;
    height: 50%;
    text-align: center;
}
.main-top-left-spice-btn-class{
	color:#48b2e5;
	background-color: #010a16;
	border: none;
	outline:none;
}
.main-top-left-title{
    width: 60%;
    height: 100%;
    float: left;
}
.main-top-left-title-top{
    width: 100%;
    height: 70%;
}
.main-top-left-title-top{
    width: 100%;
    height: 70%;
}
.main-top-left-title-btn{
    width: 100%;
    height: 30%;
    background: -moz-linear-gradient(right, #111937 0%, #144b81 100%);
    background: -webkit-gradient(linear, bottom left ,right left , color-stop(0%,#000000), color-stop(100%,#144b81));
    background: -webkit-linear-gradient(right, #111937 0%,#144b81 100%);
    background: -o-linear-gradient(right, #111937 0%,#144b81 100%);
    background: -ms-linear-gradient(right, #111937 0%,#144b81 100%);
    background: linear-gradient(bottom left , #111937 0%,#144b81 100%);
    text-align: center;
    color: #48adbe;
    font-weight:bold;
}
.main-top-left-title-btn-table{
    width: 100%;
    height: 100%;
}
.main-top-left-title-btn-table-tr{
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-top-left-title-btn-table-tr-td{
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-top-right-spice{
    width: 20%;
    height: 100%;
    float: left;
}
.main-top-right-title{
    width: 60%;
    height: 100%;
    float: left;
}
.main-top-right-title-top{
    width: 100%;
    height: 70%;
}
.main-top-right-title-top{
    width: 100%;
    height: 70%;
}
.main-top-right-title-btn{
    width: 100%;
    height: 30%;
    background: -moz-linear-gradient(right, #111937 0%, #144b81 100%);
    background: -webkit-gradient(linear, bottom left ,right left , color-stop(0%,#000000), color-stop(100%,#144b81));
    background: -webkit-linear-gradient(right, #111937 0%,#144b81 100%);
    background: -o-linear-gradient(right, #111937 0%,#144b81 100%);
    background: -ms-linear-gradient(right, #111937 0%,#144b81 100%);
    background: linear-gradient(bottom left , #111937 0%,#144b81 100%);
    text-align: center;
    color: #48adbe;
    font-weight:bold
}
.main-top-right-title-btn-table{
    width: 100%;
    height: 100%;
}
.main-top-right-title-btn-table-tr{
    width: 100%;
    height: 100%;    
}
.main-top-right-title-btn-table-tr-td{
    width: 100%;
    height: 100%;
    text-align: center;
}